<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=375,user-scalable=no" />
		<title>小米</title>
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		<link rel="stylesheet" type="text/css" href="css/main.css"/>
	</head>
	<body>
		<div class="header">
			<div class="headTop">
				<div class="log"></div>
				<div class="search">
					<div class="icon"></div>
					<input type="text" placeholder="搜索商品名称"/>
				</div>
				<div class="user"></div>
			</div>
			<div class="headNav">
				<a href="">推荐</a>
				<a href="">手机</a>
				<a href="">电视</a>
				<a href="">笔记本</a>
				<a href="">智能</a>
				<a href="">家电</a>
				<input type="checkbox" hidden="hidden" name="choose" id="choose" value="" />
				<label for="choose" class="download"></label>
				<div class="xhk">
					<div class="main">
						<div class="xhkTop">全部</div>
						<div class="xhkList">
							<a href="">推荐</a>
							<a href="">手机</a>
							<a href="">电视</a>
							<a href="">笔记本</a>
							<a href="">智能</a>
							<a href="">家电</a>
							<a href="">生活周边</a>
						</div>
					</div>
				</div>
				</div>
			</div>
		</div>
	<!--  内容部分-->
		<div class="swiper">
			<a href=""></a>
		</div>
		<!-- 图标列表 a.iconItem>img[src="img/icon$.png"]-->
		<div class="iconList">
			<a href="" class="iconItem"><img src="img/icon1.png" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon2.webp" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon3.gif" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon4.webp" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon5.webp" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon6.png" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon7.jpg" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon8.png" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon9.png" alt=""></a>
			<a href="" class="iconItem"><img src="img/icon10.png" alt=""></a>
		</div>
		<div class="banner">
			<div class="bannerl"></div>
			<div class="bannerr">
				<div class="BRTop"></div>
				<div class="BRBon"></div>
			</div>
		</div>
		<div class="jx">
			<div class="jxad"></div>
			<!-- 快捷方式 .pdItem>img[src="img/jx$.jpg"]+.jxTitle+.jxBrief+.jxPrice+.jxBuy-->
			<div class="pdList">
				<div class="pdItem">
					<img src="img/jx1.jpg" alt="">
					<div class="jxTitle">Redmi Note 8 Pro</div>
					<div class="jxBrief">6400万全场景四摄</div>
					<div class="jxPrice">1399</div>
					<div class="jxBuy">立即购买</div>
				</div>
				<div class="pdItem">
					<img src="img/jx2.jpg" alt="">
					<div class="jxTitle">Redmi Note8</div>
					<div class="jxBrief">6400万全场景四摄</div>
					<div class="jxPrice">1199</div>
					<div class="jxBuy">立即购买</div>
				</div>
				<div class="pdItem">
					<img src="img/jx3.jpg" alt="">
					<div class="jxTitle">Redmi K20 pro</div>
					<div class="jxBrief">性能怪兽</div>
					<div class="jxPrice">1999</div>
					<div class="jxBuy">立即购买</div>
				</div>
				<div class="pdItem">
					<img src="img/jx4.webp" alt="">
					<div class="jxTitle">Redmi K20</div>
					<div class="jxBrief">超高性价比</div>
					<div class="jxPrice">1699</div>
					<div class="jxBuy">立即购买</div>
				</div>
			</div>
		</div>
		<div class="foot"></div>
		<div class="footer">
			<div class="fIcon">
				<div class="footImg"></div>
				<span>首页</span>
			</div>
			<div class="fIcon">
				<div class="footImg"></div>
				<span>分类</span>
			</div>
			<div class="fIcon">
				<div class="footImg"></div>
				<span>购物车</span>
			</div>
			<div class="fIcon">
				<div class="footImg"></div>
				<span>我的</span>
			</div>
		</div>
	</body>
</html>
